import Vue from "vue";
import store from "@/store";

Vue.directive("hasAuth", {
  // 当被绑定的元素插入到 DOM 中时……
  inserted: function(el, binding) {
    let aArg = binding.arg.split("-");
    let switchBtn;
    // 如果是管理员，默认全部权限
    // if (store.state.userData.roleName.indexOf('管理员') >= 0) {
    //   if (!binding.modifiers.invert) {
    //     return;
    //   } else {
    //     el.parentNode.removeChild(el);
    //   }

    // }
    aArg.forEach(item => {
      //if (store.getters.allFns.indexOf(item) >= 0) {
      if (store.state.frontRoute.indexOf(item) >= 0) {
        switchBtn = true;
        return;
      }
    });
    //console.log('auth',switchBtn)
    if (binding.modifiers.invert) {
      if (switchBtn) {
        if (el.parentNode) {
          el.parentNode.removeChild(el);
        } else {
          el.remove();
        }
      }
    } else {
      if (!switchBtn) {
        if (el.parentNode) {
          el.parentNode.removeChild(el);
        } else {
          el.remove();
        }
      }
    }
  }
});
